@import "../lib/px2rem.scss";

.page{
	.header{
		background-color: #303030;
		padding-top: px2rem(36);
		padding-left: px2rem(36);
		padding-bottom: px2rem(24);
		overflow: hidden;
		.user_icon{
			float: left;
			width: px2rem(92);
			height:px2rem(92);
			margin-right: px2rem(14);
			border-radius:50%;
			font-size:px2rem(14);
			line-height: px2rem(92);
		}
		.msg{
			float:left;
			color:#fff;
			h3{
				margin-top: px2rem(16);
				font-size:px2rem(14);
				margin-bottom: px2rem(2);
				height:px2rem(19);
				font-weight:normal;
			}
			p{
				font-size:px2rem(12);
				margin-bottom: px2rem(2);
				height:px2rem(19);
			}
			a{
				padding-top: px2rem(5);
				padding-bottom: px2rem(5);
				padding-right: px2rem(16);
				font-size: px2rem(12);
				color:#ffbd80;
				text-decoration: underline;
			}
		}
	}
	.page_list{
		background-color: #ebebeb;
		padding-top: px2rem(14);
		overflow: hidden;
		li{
			padding-left:px2rem(12);
			padding-right:px2rem(12);
			margin-bottom:px2rem(14);
			background-color: #fff;
			color:#333;
			p{
				height:px2rem(60);
				line-height:px2rem(60);
				display:flex;
				justify-content: space-between;
				align-items: center;
				span:first-child{
					font-size:px2rem(12);
					display:flex;
					align-items:center;
					i{	
						width: px2rem(24);
						height: px2rem(25);
						background-color: skyblue;
						margin-right: px2rem(10);
						border-radius:50%;
						float: left;
					}
				}
				span:last-child{
					font-size:px2rem(12);
					em{
						color:#e7a858;
						margin-right: px2rem(2);
					}
					i{	
						float:right;
						color:#bdbdbd;
						font-size:px2rem(18);
					}
				}
			}
		}
	}
}